<script>

export default {
  data() {
    return {
      str:''
    }
  },
  props:{
    //接父组件传递的数据aClick，类型是函数
    aClick:Function
  },
  watch:{//输入监听器：监听数据变化，和methods同级。
    //监听str输入的变化
    str(newValue,oldValue){
      //发送给父组件的aClick标记
      this.aClick(newValue)
      console.log('实时监听：'+newValue)
    }
  }

}
</script>

<template>
  <h3>子组件</h3>
<!--v-model绑定str，让str的值改变，会触发watch里面的函数，  -->
  <input type="text" v-model="str">
</template>

<style scoped>

</style>